<link rel="stylesheet" href="__CDN__/assets/addons/vuemagic/element/element.css">
<link rel="stylesheet" href="__CDN__/assets/addons/vuemagic/common.css">
<script src="__CDN__/assets/addons/vuemagic/vue.js"></script>
<script src="__CDN__/assets/addons/vuemagic/element/element.js"></script>
<script src="__CDN__/assets/addons/vuemagic/Sortable.min.js"></script>
<script src="__CDN__/assets/addons/vuemagic/vuedraggable.js"></script>
<script src="__CDN__/assets/addons/vuemagic/moment.js"></script>
<!--以上js文件不是必须的，您可以将不使用的js删除掉，这里为了考虑所有字段类型情况全部进行了引入-->
<div id="formDetail" v-cloak>
    <div class="form-bodys">
        <el-form :model="baseFrom" ref="baseFrom" :rules="rules" label-width="114px" class="demo-baseFrom">
                   <el-form-item label="{:__('Group_id')}：" prop="group_id">
         <div class="display-flex">
                    <div class="user-container">
                        <el-select style="position: relative;" v-model="baseFrom.group_id"  filterable
                            size="medium" placeholder="" :filter-method="dataGroupFilter">
                            <el-option v-for="item in aboutGroupOptions" :key="item.id" :label="item.name??item.username"
                                :value="item.id">
                                <!--可根据自己的业务需求加工一下代码样式-->
                                <div class="display-flex" style="justify-content: space-around;">
                                    <span>{{ item.id }}</span>
                                    <div style="width: 24px;">
                                        <img v-if="item.image??item.avatar" style="width:24px;height:24px;border-radius:50%;"
                                            :src="Fast.api.cdnurl(item.image??item.avatar)">
                                    </div>
                                    <div style="width: 80px;">{{ item.name??item.username }}</div>
                                    <div style="width: 90px;">
                                        <div style="width: 90px;" v-if="item.mobile">{{ item.mobile }}</div>
                                        <div style="width: 90px;text-align: center;" v-else>-</div>
                                    </div>
                                </div>
                            </el-option>
                            <div class="text-center"
                                style="position: sticky;background: #fff;height:38px;top:0;z-index:1">
                                <div class="text-normal display-flex" style="justify-content: center;">
                                    <el-pagination class="pagination" :page-sizes="[6]" :current-page="currentGroupPage"
                                        :total="totalGroupPage" layout="total, sizes, prev, pager,next, jumper"
                                        pager-count="5" @size-change.stop="pageGroupSizeChange"
                                        @current-change="pageGroupCurrentChange" />
                                    </el-pagination>
                                    <div style="cursor: pointer;color: #7438D5;margin-left: 8px;" @click="getGroup">跳转
                                    </div>
                                </div>
                            </div>
                        </el-select>
                    </div>
                    <!--<div class="form-tip">此处可以放字段说明等信息</div>-->
                </div>
       </el-form-item>
        <el-form-item label="{:__('Username')}：" prop="username">
          <el-input v-model="baseFrom.username" placeholder="请输入{:__('username')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Nickname')}：" prop="nickname">
          <el-input v-model="baseFrom.nickname" placeholder="请输入{:__('nickname')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Password')}：" prop="password">
          <el-input v-model="baseFrom.password" placeholder="请输入{:__('password')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Salt')}：" prop="salt">
          <el-input v-model="baseFrom.salt" placeholder="请输入{:__('salt')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Email')}：" prop="email">
          <el-input v-model="baseFrom.email" placeholder="请输入{:__('email')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Mobile')}：" prop="mobile">
          <el-input v-model="baseFrom.mobile" placeholder="请输入{:__('mobile')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Avatar')}：" prop="avatar">
                                  <div class="display-flex">
                            <div class="goods-image-box display-flex" v-if="baseFrom.avatar">
                                <div class="goods-images" style="margin-right: 0;">
                                     <img class="label-auto" :src="Fast.api.cdnurl(baseFrom.avatar)" style="border-radius: 4px;">
                                    <div class="del-image-btn" @click="delImg('image',null,'avatar')">
                                        <img class="label-auto" src="/assets/addons/vuemagic/img/close.png">
                                    </div>
                                </div>
                            </div>
                             <div class="add-img display-flex" @click="addImg('image',null, false,'avatar','image/*')"
                                v-if="!baseFrom.avatar">
                                <i class="el-icon-plus"></i>
                            </div>
                            <div class="msg-tip">文件描述，如：建议尺寸、大小等</div>
                        </div>



       </el-form-item>
        <el-form-item label="{:__('Level')}：" prop="level">
         <div class='control-relative'> <el-input-number v-model="baseFrom.level" :min="1" :max="9999"  size="small"></el-input-number></div>
       </el-form-item>
        <el-form-item label="{:__('Gender')}：" prop="gender">
         <div class='control-relative'> <el-input-number v-model="baseFrom.gender" :min="1" :max="9999"  size="small"></el-input-number></div>
       </el-form-item>
        <el-form-item label="{:__('Birthday')}：" prop="birthday">
           <el-date-picker v-model="baseFrom.birthday" type="datetime"  placeholder="选择日期时间"></el-date-picker>
       </el-form-item>
        <el-form-item label="{:__('Bio')}：" prop="bio">
          <el-input v-model="baseFrom.bio" placeholder="请输入{:__('bio')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Money')}：" prop="money">
         <div class='control-relative'> <el-input-number v-model="baseFrom.money" :min="1" :max="9999"  size="small"></el-input-number></div>
       </el-form-item>
        <el-form-item label="{:__('Score')}：" prop="score">
         <div class='control-relative'> <el-input-number v-model="baseFrom.score" :min="1" :max="9999"  size="small"></el-input-number></div>
       </el-form-item>
        <el-form-item label="{:__('Successions')}：" prop="successions">
         <div class='control-relative'> <el-input-number v-model="baseFrom.successions" :min="1" :max="9999"  size="small"></el-input-number></div>
       </el-form-item>
        <el-form-item label="{:__('Maxsuccessions')}：" prop="maxsuccessions">
         <div class='control-relative'> <el-input-number v-model="baseFrom.maxsuccessions" :min="1" :max="9999"  size="small"></el-input-number></div>
       </el-form-item>
        <el-form-item label="{:__('Prevtime')}：" prop="prevtime">
           <el-date-picker v-model="baseFrom.prevtime" type="datetime"  placeholder="选择日期时间"></el-date-picker>
       </el-form-item>
        <el-form-item label="{:__('Logintime')}：" prop="logintime">
           <el-date-picker v-model="baseFrom.logintime" type="datetime"  placeholder="选择日期时间"></el-date-picker>
       </el-form-item>
        <el-form-item label="{:__('Loginip')}：" prop="loginip">
          <el-input v-model="baseFrom.loginip" placeholder="请输入{:__('loginip')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Loginfailure')}：" prop="loginfailure">
         <div class='control-relative'> <el-input-number v-model="baseFrom.loginfailure" :min="1" :max="9999"  size="small"></el-input-number></div>
       </el-form-item>
        <el-form-item label="{:__('Joinip')}：" prop="joinip">
          <el-input v-model="baseFrom.joinip" placeholder="请输入{:__('joinip')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Jointime')}：" prop="jointime">
           <el-date-picker v-model="baseFrom.jointime" type="datetime"  placeholder="选择日期时间"></el-date-picker>
       </el-form-item>
        <el-form-item label="{:__('Token')}：" prop="token">
          <el-input v-model="baseFrom.token" placeholder="请输入{:__('token')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Status')}：" prop="status">
                     <el-select   id="status" v-model="baseFrom.status" placeholder="请选择{:__('status')}">
            <!--在模型对应的text方法做相应配置后此处自动产生数据-->
              {foreach name="statusList" item="vo"}
                <el-option
                  key="{$key}"
                  label="{$vo}"
                  value="{$key}">
                </el-option>
                 {/foreach}
              </el-select>

       </el-form-item>
        <el-form-item label="{:__('Verification')}：" prop="verification">
          <el-input v-model="baseFrom.verification" placeholder="请输入{:__('verification')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Native_place')}：" prop="native_place">
          <el-input v-model="baseFrom.native_place" placeholder="请输入{:__('native_place')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Address')}：" prop="address">
          <el-input v-model="baseFrom.address" placeholder="请输入{:__('address')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Work_unit')}：" prop="work_unit">
          <el-input v-model="baseFrom.work_unit" placeholder="请输入{:__('work_unit')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Linkman')}：" prop="linkman">
          <el-input v-model="baseFrom.linkman" placeholder="请输入{:__('linkman')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Linkman_phone')}：" prop="linkman_phone">
          <el-input v-model="baseFrom.linkman_phone" placeholder="请输入{:__('linkman_phone')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Work_type')}：" prop="work_type">
         <div class='control-relative'> <el-input-number v-model="baseFrom.work_type" :min="1" :max="9999"  size="small"></el-input-number></div>
       </el-form-item>
        <el-form-item label="{:__('Id_card')}：" prop="id_card">
          <el-input v-model="baseFrom.id_card" placeholder="请输入{:__('id_card')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Id_card_front')}：" prop="id_card_front">
                                  <div class="display-flex">
                            <div class="goods-image-box display-flex" v-if="baseFrom.id_card_front">
                                <div class="goods-images" style="margin-right: 0;">
                                    <img :src="'../ajax/icon?suffix='+baseFrom.id_card_front.substring(baseFrom.id_card_front.indexOf('.') + 1)" class="label-auto" style="border-radius: 4px;">
                                    <div class="del-image-btn" @click="delImg('image',null,'id_card_front')">
                                        <img class="label-auto" src="/assets/addons/vuemagic/img/close.png">
                                    </div>
                                </div>
                            </div>
                             <div class="add-img display-flex" @click="addImg('image',null, false,'id_card_front','/*')"
                                v-if="!baseFrom.id_card_front">
                                <i class="el-icon-plus"></i>
                            </div>
                            <div class="msg-tip">文件描述，如：建议尺寸、大小等</div>
                        </div>



       </el-form-item>
        <el-form-item label="{:__('Id_card_back')}：" prop="id_card_back">
                                  <div class="display-flex">
                            <div class="goods-image-box display-flex" v-if="baseFrom.id_card_back">
                                <div class="goods-images" style="margin-right: 0;">
                                    <img :src="'../ajax/icon?suffix='+baseFrom.id_card_back.substring(baseFrom.id_card_back.indexOf('.') + 1)" class="label-auto" style="border-radius: 4px;">
                                    <div class="del-image-btn" @click="delImg('image',null,'id_card_back')">
                                        <img class="label-auto" src="/assets/addons/vuemagic/img/close.png">
                                    </div>
                                </div>
                            </div>
                             <div class="add-img display-flex" @click="addImg('image',null, false,'id_card_back','/*')"
                                v-if="!baseFrom.id_card_back">
                                <i class="el-icon-plus"></i>
                            </div>
                            <div class="msg-tip">文件描述，如：建议尺寸、大小等</div>
                        </div>



       </el-form-item>
        <el-form-item label="{:__('Education')}：" prop="education">
                                  <div class="display-flex">
                            <div class="goods-image-box display-flex" v-if="baseFrom.education">
                                <div class="goods-images" style="margin-right: 0;">
                                    <img :src="'../ajax/icon?suffix='+baseFrom.education.substring(baseFrom.education.indexOf('.') + 1)" class="label-auto" style="border-radius: 4px;">
                                    <div class="del-image-btn" @click="delImg('image',null,'education')">
                                        <img class="label-auto" src="/assets/addons/vuemagic/img/close.png">
                                    </div>
                                </div>
                            </div>
                             <div class="add-img display-flex" @click="addImg('image',null, false,'education','/*')"
                                v-if="!baseFrom.education">
                                <i class="el-icon-plus"></i>
                            </div>
                            <div class="msg-tip">文件描述，如：建议尺寸、大小等</div>
                        </div>



       </el-form-item>
        <el-form-item label="{:__('Sign')}：" prop="sign">
          <el-input v-model="baseFrom.sign" placeholder="请输入{:__('sign')}" size="medium"></el-input>
       </el-form-item>
        <el-form-item label="{:__('Age')}：" prop="age">
         <div class='control-relative'> <el-input-number v-model="baseFrom.age" :min="1" :max="9999"  size="small"></el-input-number></div>
       </el-form-item>
        <el-form-item label="{:__('State')}：" prop="state">
         <div class='control-relative'> <el-input-number v-model="baseFrom.state" :min="1" :max="9999"  size="small"></el-input-number></div>
       </el-form-item>
        </el-form>
    </div>
    <div class="page-footer display-flex">
        <div @click="baseSub" class="btn-common footer-btn-1">取消</div>
        <div @click="baseSub('yes','baseFrom')" class="btn-common footer-btn-2">确定</div>
    </div>
</div>


